<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Form Elements - Ace Admin</title>

<meta name="description" content="Common form elements and layouts" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<!-- bootstrap & fontawesome -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/font-awesome.min.css" />

<!-- page specific plugin styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/chosen.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/datepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-timepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/daterangepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-datetimepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/colorpicker.css" />

<!-- text fonts -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-fonts.css" />

<!-- ace styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace.min.css"
	id="main-ace-style" />

<!--[if lte IE 9]>
			<link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-part2.min.css" />
		<![endif]-->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-skins.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-rtl.min.css" />

<!--[if lte IE 9]>
		  <link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->
<script
	src="<%=request.getContextPath()%>/ace/assets/js/ace-extra.min.js"></script>

<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

<!--[if lte IE 8]>
		<script src="<%=request.getContextPath()%>/ace/assets/js/html5shiv.min.js"></script>
		<script src="<%=request.getContextPath()%>/ace/assets/js/respond.min.js"></script>
		<![endif]-->
		<script type="text/javascript" src="<%=request.getContextPath()%>/static/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/static/My97DatePicker/calendar.js"></script>
</head>

<body class="no-skin">
	<div class="breadcrumbs" id="breadcrumbs">

		<ul class="breadcrumb">
			<li><i class="ace-icon fa fa-home home-icon"></i> <a href="#">Home</a>
			</li>

			<li><a href="#">Tables</a></li>
			<li class="active">Simple &amp; Dynamic</li>
		</ul>
		<!-- /.breadcrumb -->

	</div>

	<!-- /section:basics/content.breadcrumbs -->
	<div class="page-content">
		<!-- /section:settings.box -->
		<div class="page-content-area">
			<div class="page-header">
				<h1>
					Form Elements 
				</h1>
			</div>
			<!-- /.page-header -->

			<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS -->
					<form id="drizzt-table" class="form-horizontal"
						action="<%=request.getContextPath()%>/h5Course/edit.do"
						method="post">
						<!-- #section:elements.form -->
								<input type="hidden" id="form-field-1" name="id" value="${h5Course.id}"
									class="col-xs-10 col-sm-5" />
<!-- 								开始 -->
<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 课程标题 </label>

							<div class="col-sm-9">
								<input type="text" id="title"
									placeholder="title"
									name="title" value="${h5Course.title}"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>
						      <div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 培训开始时间 </label>
								<div class="col-sm-9">
									<input type="text"  name="trainBeginTime" value="<fmt:formatDate pattern='yyyy-MM-dd HH:mm:ss' value='${h5Course.trainBeginTime}' />"   class="col-xs-10 col-sm-5" onfocus="WdatePicker({skin:'whyGreen',minDate:'2015-06-01',dateFmt:'yyyy-MM-dd HH:mm:ss'})" aria-controls="sample-table-2">
								</div>
						</div>
						      <div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 培训结束时间 </label>
								<div class="col-sm-9">
									<input type="text"  name="trainEndTime" value="<fmt:formatDate pattern='yyyy-MM-dd HH:mm:ss' value='${h5Course.trainEndTime}' />"   class="col-xs-10 col-sm-5" onfocus="WdatePicker({skin:'whyGreen',minDate:'2015-06-01',dateFmt:'yyyy-MM-dd HH:mm:ss'})" aria-controls="sample-table-2">
								</div>
						</div>
						
						        						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 课程地点 </label>

							<div class="col-sm-9">
								<input type="text" id="form-field-1"
									placeholder="location"
									name="location" value="${h5Course.location}"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 价格 </label>

							<div class="col-sm-9">
								<input type="text" id="form-field-1"
									placeholder="price"
									name="price" value="${h5Course.price}"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 描述摘要 </label>

							<div class="col-sm-9">
								<textarea rows="2" cols="5" id="form-field-1"
									placeholder="des"
									name="des"
									class="col-xs-10 col-sm-5">${h5Course.des}</textarea>
<!-- 								<input type="text" id="form-field-1" -->
<!-- 									placeholder="des" -->
<%-- 									name="des" value="${h5Course.des}" --%>
<!-- 									class="col-xs-10 col-sm-5" /> -->
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 主讲人 </label>

							<div class="col-sm-9">
								<input type="text" id="form-field-1"
									placeholder="presenter"
									name="presenter" value="${h5Course.presenter}"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 学院 </label>

							<div class="col-sm-9">
								<input type="text" id="form-field-1"
									placeholder="college"
									name="college" value="${h5Course.college}"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 学院简介 </label>

							<div class="col-sm-9">
								<textarea rows="5" cols="5" id="form-field-1"
									placeholder="collegeInfo"
									name="collegeInfo" 
									class="col-xs-10 col-sm-5">${h5Course.collegeInfo}</textarea>
<!-- 								<input type="text" id="form-field-1" -->
<!-- 									placeholder="collegeInfo" -->
<%-- 									name="collegeInfo" value="${h5Course.collegeInfo}" --%>
<!-- 									class="col-xs-10 col-sm-5" /> -->
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 培训背景 </label>

							<div class="col-sm-9">
								<textarea rows="10" cols="5" id="form-field-1"
									placeholder="trainBack"
									name="trainBack" 
									class="col-xs-10 col-sm-5">${h5Course.trainBack}</textarea>
<!-- 								<INPUT TYPE="TEXT" ID="FORM-FIELD-1" -->
<!-- 									PLACEHOLDER="TRAINBACK" -->
<%-- 									NAME="TRAINBACK" VALUE="${H5COURSE.TRAINBACK}" --%>
<!-- 									CLASS="COL-XS-10 COL-SM-5" /> -->
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 学习对象 </label>

							<div class="col-sm-9">
								<input type="text" id="form-field-1"
									placeholder="learnObj"
									name="learnObj" value="${h5Course.learnObj}"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 培训特点 </label>

							<div class="col-sm-9">
								<textarea rows="10" cols="5" id="form-field-1"
									placeholder="trainFeature"
									name="trainFeature" 
									class="col-xs-10 col-sm-5">${h5Course.trainFeature}</textarea>
<!-- 								<input type="text" id="form-field-1" -->
<!-- 									placeholder="trainFeature" -->
<%-- 									name="trainFeature" value="${h5Course.trainFeature}" --%>
<!-- 									class="col-xs-10 col-sm-5" /> -->
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 课程特色 </label>

							<div class="col-sm-9">
								<textarea rows="10" cols="5" id="form-field-1"
									placeholder="courseFeature"
									name="courseFeature" 
									class="col-xs-10 col-sm-5">${h5Course.courseFeature}</textarea>
<!-- 								<input type="text" id="form-field-1" -->
<!-- 									placeholder="courseFeature" -->
<%-- 									name="courseFeature" value="${h5Course.courseFeature}" --%>
<!-- 									class="col-xs-10 col-sm-5" /> -->
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 课程内容 </label>

							<div class="col-sm-9">
								<textarea rows="10" cols="5" id="form-field-1"
									placeholder="courseContent"
									name="courseContent" 
									class="col-xs-10 col-sm-5">${h5Course.courseContent}</textarea>
<!-- 								<input type="text" id="form-field-1" -->
<!-- 									placeholder="courseContent" -->
<%-- 									name="courseContent" value="${h5Course.courseContent}" --%>
<!-- 									class="col-xs-10 col-sm-5" /> -->
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 教师简介 </label>

							<div class="col-sm-9">
								<textarea rows="10" cols="5" id="form-field-1"
									placeholder="presenterInfo"
									name="presenterInfo" 
									class="col-xs-10 col-sm-5">${h5Course.presenterInfo}</textarea>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 报名开始时间 </label>
								<div class="col-sm-9">
									<input type="text"  name="signBeginTime" value="<fmt:formatDate pattern='yyyy-MM-dd HH:mm:ss' value='${h5Course.signBeginTime}' />"   class="col-xs-10 col-sm-5" onfocus="WdatePicker({skin:'whyGreen',minDate:'2015-06-01',dateFmt:'yyyy-MM-dd HH:mm:ss'})" aria-controls="sample-table-2">
								</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 报名结束时间 </label>
								<div class="col-sm-9">
									<input type="text"  name="signEndTime" value="<fmt:formatDate pattern='yyyy-MM-dd HH:mm:ss' value='${h5Course.signEndTime}' />"   class="col-xs-10 col-sm-5" onfocus="WdatePicker({skin:'whyGreen',minDate:'2015-06-01',dateFmt:'yyyy-MM-dd HH:mm:ss'})" aria-controls="sample-table-2">
								</div>
						</div>
						      						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 优惠方案 </label>

							<div class="col-sm-9">
								<textarea rows="10" cols="5" id="form-field-1"
									placeholder="favorPlan"
									name="favorPlan" 
									class="col-xs-10 col-sm-5" style="text-indent: 0;">${h5Course.favorPlan}</textarea>
<!-- 								<div contenteditable="true" name="favorPlan" class="col-xs-10 col-sm-5" style="border: 1px solid #cccccc; overflow-y: auto;"> -->
<%-- 									${h5Course.favorPlan} --%>
<!-- 								</div> -->
<!-- 								<input type="text" id="form-field-1" -->
<!-- 									placeholder="favorPlan" -->
<%-- 									name="favorPlan" value="${h5Course.favorPlan}" --%>
<!-- 									class="col-xs-10 col-sm-5" /> -->
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 浏览数 </label>

							<div class="col-sm-9">
								<input type="text" id="form-field-1"
									placeholder="scanNum"
									name="scanNum" value="${h5Course.scanNum}"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>
						  						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 收藏数 </label>

							<div class="col-sm-9">
								<input type="text" id="form-field-1"
									placeholder="collectNum"
									name="collectNum" value="${h5Course.collectNum}"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>
<!-- 								结束 -->

						<div class="clearfix form-actions">
							<div class="col-md-offset-3 col-md-9">
								<input class="btn btn-info" type="submit" value="提交" />

								&nbsp; &nbsp; &nbsp;
								<input class="btn btn-info" type="button" onclick="location.href='<%=request.getContextPath()%>/h5Course/list.do'" value="返回" />
							</div>
						</div>
					</form>

					<!-- PAGE CONTENT ENDS -->
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->
		</div>
		<!-- /.page-content-area -->
<!-- 		<div contenteditable="true" style="width: 100px; height: 100px; border: 1px solid #cccccc; overflow-y: auto;">清清</div> -->
	</div>
	<!-- /.page-content -->
</body>

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery
			|| document
					.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.min.js'>"
							+ "<"+"/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
	if ('ontouchstart' in document.documentElement)
		document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.mobile.custom.min.js'>"+ "<"+"/script>");
	
</script>
<script type="text/javascript">
	function lmes(){
		var s =$("input [name] ='signEndTime'").val();
		alert(s);
		return ture;
	}
</script>
<script
	src="<%=request.getContextPath()%>/ace/assets/js/bootstrap.min.js"></script>

<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace.onpage-help.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/docs/assets/js/themes/sunburst.css" />

</html>
